<template>
  <HmButton
    :count="count"
    ref="btnRef"
    @on-add="count += $event"
    @on-des="count -= $event"
  ></HmButton>
  <button @click="onSubmit">提交</button>
</template>

<script setup>
  import { ref } from 'vue'
  import HmButton from '@/components/hm-button/index.vue'

  let count = ref(10)

  const xxxRef = ref(10)

  const btnRef = ref()
  const onSubmit = async () => {
    await btnRef.value.validate()
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
